<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/shopcart.css">
    <link rel="shortcut icon" href="./favicon.ico">
</head>
<body>
    <!-- 收件人，购物车头部 -->
    <div class="head">
        <div class="w">
            <a href="./index.html" class="fl">返回首页</a>
            <div class="zuc">
                <p class="fl">品优购欢迎您!   请登录 
                    <a href="#">免费注册</a>
                </p>
                <ul class="fr">
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">我的品优购</a></li>
                    <li><a href="#">品优购会员</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#">关注品优购</a></li>
                    <li><a href="#">客户服务</a></li>
                    <li><a href="#">网站导航</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="sous">
        <div class="w">
            <div class="logo">
                <img src="./images/logo.png" alt="">
                <h2>购物车</h2>
                <div class="fr">
                    <input type="text" placeholder="自营">
                    <button>搜索</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 全部商品 -->
    <div class="carttop">
        <div class="w">
            <ul>
                <li><a href="#">
                        <b>全部商品</b>
                        <span>8</span>
                    </a></li>
            </ul>
            <div class="address fr">
                <span>配送至：</span>
                <div class="selector fl">
                    <select name="" id="">
                        <option value="">江苏省无锡市XXX</option>
                        <option value="">广东省深圳市XXX</option>
                        <option value="">浙江省杭州市XXX</option>
                        <option value="">北京市北京XXX</option>
                        <option value="" selected>湖南省长沙市XXX</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <!-- 购物车头部1 -->
    <div class="carthead">
        <div class="w">
            <div class="checkbox">
                <div class="checkboxer">
                    <label>
                        <input type="checkbox"><span>全选</span>
                    </label>
                </div>
            </div>
            <span class="goods fl">商品</span>
            <span class="price fl">单价(元)</span>
            <span class="shuliang fl">数量</span>
            <span class="xiaoji fl">小计(元)</span>
            <span class="caozuo fr">操作</span>
        </div>
    </div>
    <!-- 购物车头部2 -->
    <div class="cartshop">
        <div class="w">
            <div class="checkbox">
                <div class="checkboxer">
                    <label>
                        <input type="checkbox" class="fl sa"><span class="one fl">传智自营</span>
                    </label>
                </div>
                <div class="yunfei fr">运费:￥6
                    <span class="two">还差￥99免运费</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 购物车列表一 -->
    <div class="cartlist">
        <div class="w">
            <div class="list">
                <!-- 列表一 -->
                <div class="listone">
                    <label>
                        <div class="checkboxer fl item">
                            <input type="checkbox">
                        </div>
                        <div class="pic fl item">
                            <img src="./upload/pre.jpg" alt="">
                        </div>
                    </label>
                    <div class="name fl item">
                        <a href="#">苹果(Apple) iPhone6(a1586)<br>
                            16g&nbsp;金色全网通
                        </a>
                        <p> <a href="#">购买礼品包装</a></p>
                    </div>
                    <div class="type fl item">
                        <span>颜色:金色</span>
                    </div>
                    <div class="p-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="quantity fl item">
                        <button class="fl">-</button>
                        <input type="text" placeholder="1" class="fl">
                        <button class="fr">+</button>
                    </div>
                    <div class="sum-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="delete fr item">
                        <p><a href="#">删除</a></p>
                        <p><a href="#">移动到我的关注</a></p>
                    </div>
                </div>
                <!-- 列表二 -->
                <div class="listtwo">
                    <div class="huangou fl item">
                        <span>换购</span>
                    </div>
                    <div class="zhekou fl item">
                        <span>活动商品购满2888.00元，即可加价换购商品1件</span>
                    </div>
                    <div class="chakan fl item">
                        <span>查看换购品</span>
                    </div>
                    <div class="coudan fl item">
                        <span>去凑单></span>
                    </div>
                    <div class="p-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="quantity fl item">
                        <button class="fl">-</button>
                        <input type="text" placeholder="1" class="fl">
                        <button class="fr">+</button>
                    </div>
                    <div class="sum-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="delete fr item">
                        <p><a href="#">删除</a></p>
                        <p><a href="#">移动到我的关注</a></p>
                    </div>
                </div>
                <!-- 列表三 -->
                <div class="listthree clearfix">
                    <div class="listtop clearfix">
                        <label>
                            <div class="checkboxer fl item">
                                <input type="checkbox">
                            </div>
                            <div class="pic fl item">
                                <img src="./upload/pre.jpg" alt="">
                            </div>
                        </label>
                        <div class="name fl item">
                            <a href="#">苹果(Apple) iPhone6(a1586)<br>
                                16g&nbsp;金色全网通
                            </a>
                            <p> <a href="#">购买礼品包装</a></p>
                        </div>
                        <div class="type fl item">
                            <span>颜色:金色</span>
                        </div>
                    </div>
                    <div class="zengpin">
                        <p>【赠品】圣迪威(Sendio)MacBook13.3寸屏幕保...
                            X1</p>
                        <p>【赠品】圣迪威(Sendio)MacBook13.3寸屏幕保...
                            X1</p>
                    </div>
                </div>
                <!-- 列表四 -->
                <div class="listfour">
                    <div class="checkboxer fl item">
                        <input type="checkbox">
                    </div>
                    <div class="pic fl item">
                        <img src="./upload/pre.jpg" alt="">
                    </div>
                    <div class="name fl item">
                        <a href="#">苹果(Apple) iPhone6(a1586)<br>
                            16g&nbsp;金色全网通
                        </a>
                        <p> <a href="#">购买礼品包装</a></p>
                    </div>
                    <div class="type fl item">
                        <span>颜色:金色</span>
                    </div>
                    <div class="p-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="quantity fl item">
                        <button class="fl">-</button>
                        <input type="text" placeholder="1" class="fl">
                        <button class="fr">+</button>
                    </div>
                    <div class="sum-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="delete fr item">
                        <p><a href="#">删除</a></p>
                        <p><a href="#">移动到我的关注</a></p>
                    </div>
                </div>
                <!-- 列表五 -->
                <div class="listfive">
                    <div class="checkboxer fl item">
                        <input type="checkbox">
                    </div>
                    <div class="pic fl item">
                        <img src="./upload/pre.jpg" alt="">
                    </div>
                    <div class="name fl item">
                        <a href="#">苹果(Apple) iPhone6(a1586)<br>
                            16g&nbsp;金色全网通
                        </a>
                        <p> <a href="#">购买礼品包装</a></p>
                    </div>
                    <div class="type fl item">
                        <span>颜色:金色</span>
                    </div>
                    <div class="p-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="quantity fl item">
                        <button class="fl">-</button>
                        <input type="text" placeholder="1" class="fl">
                        <button class="fr">+</button>
                    </div>
                    <div class="sum-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="delete fr item">
                        <p><a href="#">删除</a></p>
                        <p><a href="#">移动到我的关注</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .购物车头部3 -->
    <div class="cartshop_three">
        <div class="w">
            <div class="checkbox">
                <div class="checkboxer">
                    <label>
                        <input type="checkbox" class="fl sa">
                        <span class="one fl shenzhou">神州旗舰店</span>
                    </label>
                </div>
            </div>
        </div>
    </div>
    <!-- 购物车列表二 -->
    <div class="cartlist_two">
        <div class="w">
            <div class="list_two">
                <div class="listtwo">
                    <div class="huangou fl item">
                        <span>换购</span>
                    </div>
                    <div class="zhekou fl item">
                        <span>活动商品购满2888.00元，即可加价换购商品1件</span>
                    </div>
                    <div class="chakan fl item">
                        <span>查看换购品</span>
                    </div>
                    <div class="coudan fl item">
                        <span>去凑单></span>
                    </div>
                    <div class="p-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="quantity fl item">
                        <button class="fl">-</button>
                        <input type="text" placeholder="1" class="fl">
                        <button class="fr">+</button>
                    </div>
                    <div class="sum-price fl item">
                        <span>3799.00</span>
                    </div>
                    <div class="delete fr item">
                        <p><a href="#">删除</a></p>
                        <p><a href="#">移动到我的关注</a></p>
                    </div>
                </div>
                <div class="listone">
                    <div class="listtop clearfix">
                        <label>
                            <div class="checkboxer fl item">
                                <input type="checkbox">
                            </div>
                            <div class="pic fl item">
                                <img src="./upload/pre.jpg" alt="">
                            </div>
                        </label>
                        <div class="name fl item">
                            <a href="#">苹果(Apple) iPhone6(a1586)<br>
                                16g&nbsp;金色全网通
                            </a>
                            <p> <a href="#">购买礼品包装</a></p>
                        </div>
                        <div class="type fl item">
                            <span>颜色:金色</span>
                        </div>
                    </div>
                    <div class="zengpin">
                        <p>【赠品】圣迪威(Sendio)MacBook13.3寸屏幕保...
                            X1</p>
                        <p>【赠品】圣迪威(Sendio)MacBook13.3寸屏幕保...
                            X1</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 结算 -->
    <div class="total clearfix">
        <div class="w">
            <div class="listtotal">
                <div class="checkbox fl">
                    <div class="checkboxer">
                        <label>
                            <input type="checkbox"><span>全选</span>
                        </label>
                    </div>
                </div>
                <div class="syc fl">
                    <a href="#"><span>删除选中的商品</span></a>
                    <a href="#"><span>移动我的关注</span></a>
                    <a href="#"><span>清楚下柜商品</span></a>
                </div>
                <div class="totalprice fl">
                    <p>已选择0件商品 &nbsp; 总价(不含运费): <span class="sum">￥16283.00</span> </p>

                </div>
                <div class="jiesuan fr">
                    <span>结算</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 删除加购 -->
    <div class="listshanchu">
        <div class="w">
            <div class="listsc">
                <span>已删除商品，您可以重新购买或加关注:</span>
                <div class="sdw">
                    <span> 圣迪威（Sendio）MacBook13.3清洁套... </span>
                    <span class="s-price">8848.00</span>
                    <span class="s-quantity">1</span>
                    <span class="c-goumai">重新购买</span>
                    <span class="c-yidong">移动我的关注</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="cnsy">
        <div class="w">
            <div class="list_cnsy">
                <ul>
                    <li><a href="#">猜你喜欢</a></li>
                    <li><a href="#">特惠换购</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 猜你喜欢商品展示 -->
    <div class="cnsy_pic">
        <div class="w">
              <a href="#" class="jiantouleft"></a>
              <a href="#" class="jiantouright"></a>
            <div class="cnsy_list">
                <ul>
                    <li><a href="#">
                            <div class="pic">
                                <img src="./upload/s3.png" alt="">
                            </div>
                            <p>苹果（Apple）iPhone6(a1586)</p>
                            <p> 16g 黑色移动联通</p>
                            <p class="jiage">¥3288.00</p>
                        </a>
                        <button>加入购物车</button>
                    </li>
                    <li><a href="#">
                            <div class="pic">
                                <img src="./upload/s3.png" alt="">
                            </div>
                            <p>苹果（Apple）iPhone6(a1586)</p>
                            <p> 16g 黑色移动联通</p>
                            <p class="jiage">¥3288.00</p>
                        </a>
                        <button>加入购物车</button>
                    </li>
                    <li><a href="#">
                            <div class="pic">
                                <img src="./upload/s3.png" alt="">
                            </div>
                            <p>苹果（Apple）iPhone6(a1586)</p>
                            <p> 16g 黑色移动联通</p>
                            <p class="jiage">¥3288.00</p>
                        </a>
                        <button>加入购物车</button>
                    </li>
                    <li><a href="#">
                            <div class="pic">
                                <img src="./upload/s3.png" alt="">
                            </div>
                            <p>苹果（Apple）iPhone6(a1586)</p>
                            <p> 16g 黑色移动联通</p>
                            <p class="jiage">¥3288.00</p>
                        </a>
                        <button>加入购物车</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="base">
        <div class="w">
            <!-- 正品保障 -->
            <div class="zhenp">
                <ul>
                    <li>
                        <div class="zb">
                            <p>正品保障</p>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                    <li>
                        <div class="js">
                            <p>极速物流</p>
                            <span>急速物流,急速送达</span>
                        </div>
                    </li>
                    <li>
                        <div class="wy">
                            <p>无忧售后</p>
                            <span>7天无理由退换货</span>
                        </div>
                    </li>
                    <li>
                        <div class="ts">
                            <p>特色服务</p>
                            <span>私人定制家电套餐</span>
                        </div>
                    </li>
                    <li>
                        <div class="bz">
                            <p>帮助中心</p>
                            <span>您的购物指南</span>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 正品保障 -->
            <!-- 购物指南 -->
         <div class="gouw">
            <dl class="fl">
                <dt><a href="#">购物指南</a></dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">配送方式</a></dt>
                <dd><a href="#">上门自提</a></dd>
                <dd><a href="#">211限时达</a></dd>
                <dd><a href="#">配送服务查询</a></dd>
                <dd><a href="#">配送费收取标准</a></dd>
                <dd><a href="#">海外配送</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">支付方式</a></dt>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
                <dd><a href="#">邮局汇款</a></dd>
                <dd><a href="#">公司转账</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">售后政策</a></dt>
                <dd><a href="#">价格保护</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">返修/退换货</a></dd>
                <dd><a href="#">取消订单</a></dd>
            </dl>
            <dl class="fl">
                <dt><a href="#">特色服务</a></dt>
                <dd><a href="#">夺宝岛</a></dd>
                <dd><a href="#">DIY装机</a></dd>
                <dd><a href="#">延保服务</a></dd>
                <dd><a href="#">品优购E卡</a></dd>
                <dd><a href="#">品优购通信</a></dd>
            </dl>
            <dl class="ewm fl">
                <dt><a href="#">帮助中心</a></dt>
                <dd><a href="#">品优购客户端</a></dd>
            </dl>
         </div>
         <!-- 购物指南 -->
         <!-- 关于我们 -->
         <div class="guany">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">营销中心</a></li>
                <li><a href="#">手机品优购</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">销售联盟</a></li>
                <li><a href="#">品优购社区</a></li>
                <li><a href="#">品优购公益</a></li>
                <li><a href="#">English Site</a></li>
                <li><a href="#">Contact U</a></li>
            </ul>
            <p>地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编: 100096电话: 400-618-4000 传真: 010-82935100 邮箱:zhanghj+itcast.cn</p>
            <p>京ICP备08001421号京公网安备110108007702</p>
         </div>
         <!-- 关于我们 -->
        </div>
         
         
    </div>
</body>

</html>